<template>
 	<view class="all">
 		<view class="green">
 			
 			<view class="top">
 				<view class="zuo">
 					<view><image class="a" src=../../static/touxiang.jpg></image></view>
 					<view class="name">
 						<b><text style="color: #12754F; font-size: large; ">晋新</text></b><br>
 						<navigator url="./exam-m/peo-inf">
 							<text style="color: #999999; font-size: small;">完善个人信息</text>
 						</navigator>
 					</view>
 				</view>
 				<view><navigator url="./exam-m/peo-inf"><image class="b" src="../../static/youjiantou.png"></image></navigator></view>
 			</view>
 		</view>
 		<view class="xia">
 			<view class="card">
				
				<image class="ic" src="../../static/w_xie.png"></image>
 				<navigator url="./exam-m/exam-m"><text style="color: #101010; font-size: larger;" >考试管理</text></navigator>
 				<navigator url="./exam-m/exam-m"><image class="jian" src="../../static/youjiantou.png"></image></navigator>
 			</view>
 			
 			
 			<view class="card">
 				<image class="ic" src="../../static/tongxunlu.png"></image>
				<navigator url="./peo-m/peo-m"><text style="color: #101010; font-size: larger;" >人员管理</text></navigator>
 				<navigator url="./peo-m/peo-m">
 					<image class="jian" src="../../static/youjiantou.png"></image>
 				</navigator>
 			</view>
 			
 			<view class="card">
 				<image class="ic" src="../../static/shezhi.png"></image>
				<navigator url="./set/set"><text style="color: #101010; font-size: larger;" >设置</text></navigator>
 				<navigator url="./set/set">
 					<image class="jian" src="../../static/youjiantou.png"></image>
 				</navigator>
 			</view>
 			
 			
 			<view class="card">
 				<image class="ic" src="../../static/guanliyuan.png"></image>
				<navigator url="./role-ch/role-ch"><text style="color: #101010; font-size: larger;" >切换角色</text></navigator>
 				<navigator url="./role-ch/role-ch">
 					<image class="jian" src="../../static/youjiantou.png"></image>
 				</navigator>
 			</view>
 			
 		</view>
 	</view>
 </template>
 
 <script>
 	export default {
 		data() {
 			return {
 				
 			}
 		},
 		methods: {
 			
 		}
 	}
 </script>
 
 <style>
 	.all{
 		height: calc(97.5vh - 50rpx);
 		background-color: #EFEFF4;
 	}
 	.green{
 		height: 300rpx;
 		width: 100%;
 		background-color: #12754F;
 		border-radius: 0rpx 0rpx 40rpx 40rpx;
 		z-index: -2rpx;
 		display: flex;
 		flex-direction: row;
 		justify-content: center;
 	}
 	.top{
 		width: 90%;
 		height: 200rpx;
 		background-color: #FFFFFF;
 		position: relative;
 		top: 200rpx;
 		border-radius: 20rpx;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-around;
 		align-items: center;
 		
 		z-index: 3rpx;
 	}
 	.zuo{
 		height: 60%;
 		width: 60%;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
 		
 	}
 	.a{
 		height: 130rpx;
 		width: 130rpx;
 		border-radius: 50rpx;
 	}
 	.b{
 		height: 50rpx;
 		width: 50rpx;
 	}
 	.name{
 		height: 100%;
 		width: 50%;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-around;
 		
 	}
 	.ic{
 		height: 93rpx;
 		width: 93rpx;
 	}
 	.jian{
 		height: 80rpx;
 		width: 80rpx;
 	}
 	.xia{
 		height: 55%;
 		width: 100%;
 		position: absolute;
 		top: 500rpx;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-around;
 		align-items: center;
 	}
 	.card{
 		height:130rpx ;
 		width: 90%;
 		background-color: #FFFFFF;
 		border-radius: 40rpx;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-around;
 		align-items: center;
 		
 		
 	}
 
 </style>
 